<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>在线装机</title>
		<#include "/WEB-INF/ftl/user/include.ftl" />
		<link type="text/css" rel="stylesheet" href="${base}/css/user/pager.css" />
		<link type="text/css" rel="stylesheet" href="${base}/css/user/diy.css" />
		<script type="text/javascript" src="${base}/js/user/pager.js"></script>
		<script type="text/javascript" src="${base}/js/user/diy.js"></script>
		<script>
			PAGE_LENGTH = ${PAGE_LENGTH};
			PAGE_RETURN = ${PAGE_RETURN};
		</script>
	</head>
	<body>
		<#include "/WEB-INF/ftl/user/header.ftl" />
		<div class="wrapper">
			<h1 class="title">在线装机</h1>
			<#include "/WEB-INF/ftl/user/diy/tips.ftl" />
			<div class="scheme">
				<h2 class="scheme-hd">装机配置单</h2>
				<div class="scheme-bd">
					<table>
						<thead>
							<tr>
								<th class="part">部件</th>
								<th class="model">品牌型号</th>
								<th class="num">数量</th>
								<th class="price">价格</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr id="0" name="0">
								<th class="part">主板<b>*</b></th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="1" name="0">
								<th class="part">CPU<b>*</b></th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="2" name="0">
								<th class="part">内存<b>*</b></th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="3" name="0">
								<th class="part">硬盘<b>*</b></th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="4" name="0">
								<th class="part">显卡</th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="5" name="0">
								<th class="part">机箱</th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="6" name="0">
								<th class="part">电源</th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="7" name="0">
								<th class="part">散热器</th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="8" name="0">
								<th class="part">光驱</th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="9" name="0">
								<th class="part">显示器</th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="10" name="0">
								<th class="part">音箱</th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="11" name="0">
								<th class="part">声卡</th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
							<tr id="12" name="0">
								<th class="part">网卡</th>
								<td class="model"><span></span></td>
								<td class="num"></td>
								<td class="price"></td>
								<td class="cancel"></td>
							</tr>
						</tbody>
						<tfoot>
							<tr>
								<td colspan="2" class="note">带有<b>*</b>的部件为必选</td>
								<td colspan="3" class="total">价格总计：<b>0</b>元</td>
							</tr>
						</tfoot>
					</table>
					<#if (Session.user)??>
					<form onsubmit="return false;">
						<ul>
							<li>
								<span>方案类型：</span>
								<select name="scheme.type.key" id="schemeType">
									<option value="2081">经济实惠型</option>
									<option value="2082">家用学习型</option>
									<option value="2083">豪华发烧型</option>
									<option value="2084">疯狂游戏型</option>
									<option value="2085">商务办公型</option>
									<option value="2086">网吧游戏型</option>
									<option value="2087">图形音像型</option>
								</select>
							</li>
							<li>
								<span>方案标题：</span>
								<input type="text" name="scheme.schemeName" id="schemeTitle" class="input-text" />
							</li>
							<li>
								<span>方案说明：</span>
								<textarea id="schemeDescription" name="scheme.description"></textarea>
							</li>
							<li>
                                <input type="button" value="预览方案" class="input-button preview" />
								<input type="submit" value="提交方案" class="input-button submit" onclick="submitScheme();" />
							</li>
						</ul>
					</form>
					<#else>
					<div class="login-msg">
					    <span>提交方案前请先登录！</span>
					    <input type="button" value="预览方案" class="input-button preview" />
					</div>
					</#if>
					<div class="triangle">&nbsp;</div>
				</div>
			</div>
			<#include "/WEB-INF/ftl/user/diy/mainboard.ftl" />
			<#include "/WEB-INF/ftl/user/diy/cpu.ftl" />
			<#include "/WEB-INF/ftl/user/diy/memory.ftl" />
			<#include "/WEB-INF/ftl/user/diy/disk.ftl" />
			<#include "/WEB-INF/ftl/user/diy/graphics.ftl" />
			<#include "/WEB-INF/ftl/user/diy/chassis.ftl" />
			<#include "/WEB-INF/ftl/user/diy/power.ftl" />
			<#include "/WEB-INF/ftl/user/diy/radiator.ftl" />
			<#include "/WEB-INF/ftl/user/diy/driver.ftl" />
			<#include "/WEB-INF/ftl/user/diy/monitor.ftl" />
			<#include "/WEB-INF/ftl/user/diy/soundbox.ftl" />
			<#include "/WEB-INF/ftl/user/diy/soundcard.ftl" />
			<#include "/WEB-INF/ftl/user/diy/networkcard.ftl" />
		</div>
		<#include "/WEB-INF/ftl/user/footer.ftl" />
	</body>
</html>
